import React from 'react'

import GoBackLayout from "../../../../layouts/GoBackLayout/GoBackLayout";
import {List,} from 'antd-mobile'
const LiveSettingMain = props => {
    const {
        history,
    } = props

    const Item = List.Item

    const menu = (
        <List>
            <Item
                extra='123456'
                arrow="horizontal"
            >
                房间ID
            </Item>
            <Item
                extra='蘑菇屋'
                arrow="horizontal"
                onClick={() => history.push('./setting/room-name')}
            >
                房间名称
            </Item>
            <Item
                extra='搏击'
                arrow="horizontal"
                onClick={() => history.push('./setting/category')}
            >
                直播分类
            </Item>
            <Item
                extra='请填写房间公告'
                arrow="horizontal"
                onClick={() => history.push('./setting/announcement')}
            >
                直播公告
            </Item>
            <Item
                extra=''
                arrow="horizontal"
                onClick={() => history.push('./setting/union')}
            >
                工会
            </Item>
        </List>
    )

    const highMenu = (
        <List
            renderHeader='高级设置'
        >
            <Item
                extra='1024'
                arrow="horizontal"
                onClick={() => history.push('./setting/data-rate')}
            >
                码率
            </Item>
            <Item
                extra='960*640'
                arrow="horizontal"
                onClick={() => history.push('./setting/resolution')}
            >
                分辨率
            </Item>
            <Item
                extra='20'
                arrow="horizontal"
                onClick={() => history.push('./setting/fps')}
            >
                帧率
            </Item>
        </List>
    )

    return <GoBackLayout
        title='直播设置'
        history={history}
    >
        {menu}
        {highMenu}
    </GoBackLayout>
}

export default LiveSettingMain
